<!DOCTYPE html>
<html>
<head>
    <title>Example 2 - Pjax</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, shrink-to-fit=no">
    <link rel="shortcut icon" href="/icons/2.ico">
    <link rel="stylesheet" type="text/css" href="assets/pjax.css" data-pjax-resource="true">
    <script src="assets/pjax.js" data-pjax-resource="true"></script>
    <script data-pjax-resource="true">
    Pjax.start();
    </script>
    <style type="text/css">
    #notice {
        background-color: #188abd;
        color: #fff;
        padding: 5px 15px;
    }
    </style>
</head>
<body>

    <script type="text/javascript">
    if (!Pjax.supported) {
        document.write('<div id="notice">');
        document.write('<p>Your browser don\'t support Pjax, using normal navigation</p>');
        document.write('</div>');
    }
    </script>

    <ul>
        <li><a href="./"><strong>Home</strong></a></li>
        <li><a target="_blank" href="./">Home (target="_blank")</a></li>
        <li><a href="example-1.html"><strong>Example 1</strong> xyz</a></li>
        <li><a href="example-2.html">Example 2</a></li>
        <li>
            <a href="example-3.html" data-pjax-done="console.info('done', this);">
                Example 3 (set event with <code>data-pjax-done</code> attribute)
            </a>
        </li>
        <li>
            <a href="example-3.1.html" data-pjax-fail="console.error('fail', this);">
                Not Found (set event with <code>data-pjax-fail</code> attribute)
            </a>
        </li>
        <li><a href="example-3.html" target="foobar">Example 3 (target="foobar")</a></li>
        <li><a href="example-4.html" target="foobar">Example 4 (target="foobar")</a></li>
        <li><a href="example-5.html" target="foobar">Example 5 (target="foobar")</a></li>
        <li><a href="https://github.com/brcontainer/pjax.js/">External (without target)</a></li>
        <li><a target="_blank" href="https://github.com/brcontainer/pjax.js/issues">External (target="_blank")</a></li>
        <li><a href="example-5.html" data-pjax-ignore="true">data-pjax-ignore attribute</a></li>
        <li><a href="empty.html">empty page</a></li>
        <li><a href="redirect.html">Redirect only front-page</a></li>
        <li><a href="javascript:void(console.log('Pjax', new Date))">href="javascript:"</a></li>
    </ul>
    <div id="pjax-container">
        <h1>Example 2</h1>

        <p>Morbi id enim nulla. Sed tortor lacus, sollicitudin eu lectus eu, interdum viverra erat. Quisque neque velit, ornare et sagittis et, sodales eget odio. Pellentesque tincidunt est eget molestie efficitur. Quisque laoreet, ex ultricies viverra luctus, enim nibh mollis nibh, quis rhoncus diam mauris rhoncus neque. Curabitur ornare nulla felis, eget maximus orci viverra a. Vestibulum convallis massa arcu, viverra faucibus justo congue ut. Pellentesque vitae est in ex accumsan mattis. Duis scelerisque ligula enim. Proin pharetra, nulla sit amet ullamcorper porta, orci mi euismod nisl, vitae dapibus lorem justo et ipsum. Maecenas suscipit nisi ut interdum mollis. Sed pharetra, odio a fringilla interdum, turpis nisi finibus lorem, id fringilla ipsum ligula sit amet arcu. Aliquam dapibus mauris ut pretium finibus. Nam ut hendrerit tortor.</p>

        <p>Cras ac malesuada turpis, vehicula luctus diam. Morbi tempus est vel tristique scelerisque. Donec ornare ex ex, dignissim egestas lectus imperdiet at. Pellentesque leo dui, scelerisque ut diam in, vehicula scelerisque mi. Nam egestas congue luctus. Fusce interdum at sapien et condimentum. Proin sollicitudin non eros in scelerisque. Integer odio nulla, ultrices sit amet volutpat condimentum, mattis ac nulla. Duis sodales consectetur ligula, ut blandit ligula volutpat eu. Quisque vitae aliquam arcu. Praesent quis mollis lorem. Curabitur convallis maximus mauris vitae fermentum.</p>

        <p>Ut tincidunt nibh tristique porttitor mattis. Nam quam felis, vehicula facilisis ipsum vel, vestibulum tincidunt tellus. Duis finibus nibh augue, a blandit felis dapibus nec. Curabitur feugiat porta ante, ac ultrices est ullamcorper et. Etiam ut feugiat enim. Quisque a purus metus. Donec vel consectetur nisl. Phasellus iaculis porttitor lectus sit amet posuere.</p>

        <p>Phasellus tincidunt pellentesque tempor. Nulla sed tellus commodo, egestas neque id, scelerisque felis. Aenean sit amet ornare diam. Suspendisse sed pretium purus. Maecenas lacinia tristique mollis. Donec et dui aliquet, sodales elit tristique, tincidunt neque. Mauris porta feugiat rutrum. Aliquam erat volutpat.</p>

        <p>Donec ultricies et mauris a finibus. Cras vitae placerat justo. Ut convallis, nisi eget molestie imperdiet, odio nulla pulvinar massa, ac mattis diam neque non ex. Nullam pellentesque dui mi, et luctus ipsum porta euismod. Nunc imperdiet suscipit dolor sit amet porta. Vestibulum rhoncus nisl congue nisi facilisis dignissim. Ut sagittis risus nec venenatis ullamcorper. Duis sit amet mattis ex. Nullam quis mi magna. Mauris imperdiet dolor id porttitor efficitur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam efficitur malesuada massa, id vestibulum neque tristique eget. Sed aliquet tincidunt elit convallis euismod. Proin molestie commodo ante, quis bibendum quam tincidunt et. Quisque laoreet sagittis arcu a fermentum. Nulla et suscipit sapien, volutpat placerat lacus.</p>

        <p>Phasellus tincidunt pellentesque tempor. Nulla sed tellus commodo, egestas neque id, scelerisque felis. Aenean sit amet ornare diam. Suspendisse sed pretium purus. Maecenas lacinia tristique mollis. Donec et dui aliquet, sodales elit tristique, tincidunt neque. Mauris porta feugiat rutrum. Aliquam erat volutpat.</p>

        <p>Donec ultricies et mauris a finibus. Cras vitae placerat justo. Ut convallis, nisi eget molestie imperdiet, odio nulla pulvinar massa, ac mattis diam neque non ex. Nullam pellentesque dui mi, et luctus ipsum porta euismod. Nunc imperdiet suscipit dolor sit amet porta. Vestibulum rhoncus nisl congue nisi facilisis dignissim. Ut sagittis risus nec venenatis ullamcorper. Duis sit amet mattis ex. Nullam quis mi magna. Mauris imperdiet dolor id porttitor efficitur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam efficitur malesuada massa, id vestibulum neque tristique eget. Sed aliquet tincidunt elit convallis euismod. Proin molestie commodo ante, quis bibendum quam tincidunt et. Quisque laoreet sagittis arcu a fermentum. Nulla et suscipit sapien, volutpat placerat lacus.</p>
    </div>
</body>
</html>
